<template>
<div class="tradeLeft">
  <el-tabs v-model="marketlist" type="card">
    <el-tab-pane label="USDT" name="first">

      <el-table stripe
                v-dscrollBar
                height="200"
                :data="tableData"
                :default-sort="{prop: 'date', order: 'descending'}">
        <el-table-column prop="date" label="币种" sortable width="100"></el-table-column>
        <el-table-column prop="name" label="价格" sortable width="100"></el-table-column>
        <el-table-column prop="name" label="日涨跌" sortable width="100"></el-table-column>
        <el-table-column prop="address" label="自选"></el-table-column>
      </el-table>

    </el-tab-pane>
    <el-tab-pane label="BTC" name="second">配置管</el-tab-pane>
    <el-tab-pane label="ETH" name="third">角色管理</el-tab-pane>
    <el-tab-pane label="自选" name="fourth">定时任务补偿</el-tab-pane>
  </el-tabs>
</div>
</template>

<script>
  export default {
    data () {
      return {
        marketlist: 'first',
        tableData: [{
          date: '2016-05-02',
          name: '王小虎',
          address: '上弄'
        }, {
          date: '2016-05-04',
          name: '王小虎',
          address: '上海17 弄'
        }, {
          date: '2016-05-01',
          name: '王小虎',
          address: '上海弄'
        }, {
          date: '2016-05-03',
          name: '王小虎',
          address: '上海弄'
        }, {
          date: '2016-05-01',
          name: '王小虎',
          address: '上海弄'
        }]
      }
    },
    methods: {

    },
    created: {

    },
    mounted () {

    }
  }
</script>
